<template>
    <div>
        <input type="file" name="" id="" @change="handleUploadFile">
    </div>
</template>

<script setup>
import OSS from 'ali-oss';

const client = new OSS({
    // yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
    region: "oss-cn-beijing",
    // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
    accessKeyId: "LTAI5tRfRyyFzCAmDSeDAtQX",
    accessKeySecret: "Dp56JmlNCM03UE8asMTi3Anl9N5vkv",
    // 填写Bucket名称。
    bucket: "test123-xxx",
});

const handleUploadFile = async (e) =>{
    // 获取图片的基本信息
    const file = e.target.files[0]

    const result = await client.put(file.name, file);
    console.log(result);
    
}


</script>